<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>

<!-- 图片裁剪工具 -->
<div id="layerImageShow" style="display: none;margin-top: 10px;">

	<div id="layerImageCut-div" class="publicImageShow">
			<!-- 左侧裁剪区域 -->
			<div class="layerCutLeft" id="layerCutLeft-div">
				<div class="layerImageCut-div"><!-- 用于左侧裁剪工具居中显示 -->
					<div  id="layerImageCut" >
						<img alt=""  src="" width="" height="">
					</div>
				</div>
			</div>
			
			<!-- 右侧预览区域 -->
			<div class="layerCutRight" id="layerCutRight">
				<div class="layerCutShow-div">
					<div id="layerCutShow" class="layerCutShow"><img alt=""  src="" width="" height=""></div>
				</div>
				
				<div class="jcropMessage">
					 <div class="idea">
					 	<div><spring:message code='public_cutidea'/></div>
					 	<div class="size"><span class="leftsize"><spring:message code='public_cutwidth'/>:</span><span id="needWidth"></span></div>
					 	<div class="size"><span class="leftsize"><spring:message code='public_cutheight'/>:</span><span id="needHeight"></span></div>
					 </div>
					 <div class="actual">
					 	<div><spring:message code='public_cutactual'/></div>
					 	<div class="size"><span class="leftsize"><spring:message code='public_cutwidth'/>:</span><span class="actualSize" id="realWidth"></span></div>
					 	<div class="size"><span class="leftsize"><spring:message code='public_cutheight'/>:</span><span class="actualSize" id="realHeight"></span></div>
					 </div>				
				</div>
				<div class="">
			          <fieldset>
			            <legend class="legend"><spring:message code='public_cut_fastcut'/></legend>
			            <div class="button_group">
			              <button id="smallImage" data-setclass="jcrop-light" class="button green"><spring:message code='public_cut_smallimage'/></button>
			              <button id="bigImage" data-setclass="jcrop-dark" class="button green"><spring:message code='public_cut_bigimage'/></button>
			            </div>
			          </fieldset>
				</div>
			</div>
		
	</div>
	<!-- 裁剪按钮 -->
	<div class="saveImageCut-div">
		<div class="saveImageCut"><a href="javascript:void(0)" data-enable="true"  id="saveImageCut"><spring:message code='pulibc_cut'/></a></div>
	</div>
	<input type="hidden" id="imageCutType" value="">	
	<input type="hidden" id="imageCut-select" data-width="" data-height="">	
</div>

<!-- ImageCut public js and css references-->
<%@include file="/assets/js/tools/ImageCut/public-jcrop-css.jsp"%>
<%@include file="/assets/js/tools/ImageCut/public-jcrop-js.jsp"%>

<!-- Layer plugins-->
<script type="text/javascript" src="${basePath}/assets/js/tools/layer2.0/layer/layer.js"></script>

<!-- IE console -->
<%-- <%@include file="/assets/js/tools/concole/consoleDebug.jsp"%> --%>
<%-- <script type="text/javascript" src="${basePath}/assets/js/tools/concole/iecomp.js?version=${cssJsVersion}"></script> --%>
